<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 计时事件 - setInterval() 方法</title>
</head>

<body>
    <!-- JavaScript 一个设定的时间间隔之后来执行代码, 我们称之为计时事件 -->
    <!-- JavaScript 计时事件
通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。 -->

    <!-- setInterval() 间隔指定的毫秒数不停地执行指定的代码 -->

    <!-- setInterval() 第一个参数是函数（function）。
第二个参数间隔的毫秒数
注意: 1000 毫秒是一秒。 -->

    <p>单击按钮每3秒出现一个“Hello”警告框。</p>
    <p>再次点击警告框，经过3秒出现新的警告框，这将一直执行 ...</p>
    <button onclick="myFunction()">点我</button>
    <script>
        function myFunction() {
            setInterval(function () { alert("Hello") }, 3000);
        }
    </script>
</body>

</html>